var contextPath;
$(function() {
	contextPath = $("#contextPath").val();
	 var ele = $(".zhifu_pswd_form");
     ele.each(function(index,el){
     	 zhifu(el);
     }) 
	
    var set = document.querySelector('.set_zhifu'),
    change = document.querySelector('.change_zhifu'),
    setBtn = set.querySelector('.btn_login_submit'),
    changeBtn = change.querySelector('.btn_login_submit');
    var impPayPwd,impPayPwdT; 
    setBtn.addEventListener('click', function() {
    	impPayPwd = verifyPwd($(set.querySelector('.zhifu_pswd_form')));
    	console.log(impPayPwd);
    	if(impPayPwd.length == 6){
    		set.style.display = "none";
    	    change.style.display = "block";
    	}

  }, false);
    
    changeBtn.addEventListener('click', function() {
    	impPayPwdT = verifyPwd($(change.querySelector('.zhifu_pswd_form')));
    	console.log(impPayPwdT);
    	if(impPayPwdT.length == 6){
    		
    		if(impPayPwd != impPayPwdT){
          		isPay = false;
          		layer.open({
    			    content: '两次密码输入不一致！',
    			    style: 'background-color:rgba(0,0,0,.8); color:#fff; border:none;',
    			    time: 1,
    			    shade: false
    			});
          		}else{
          			savePayPwd(impPayPwdT);
          		}
    	}

  }, false);

});

//修改支付密码并支付
function savePayPwd(impPayPwd){
	  $.ajax({
			url:contextPath+"/user/updatePayPwd",
			type:"post",
			async:true,
			data:{pwd:impPayPwd},
			dataType:"json",
			success : function(data, textStatus) {
					var message = data.result.message;
					layer.open({
					    title: '提示',
					    content: message,
					    btn: ['我知道了'],
					    yes: function(index){
					    	layer.close(index);
					    	window.location.href="toSet";
					    }
					});	
				}
		});
}

function verifyPwd(element){
	var divs = element.find('div');
	var inputs = divs.find('input');
	var impPayPwd = '';
	inputs.each(function(i,input){
		var val = input.value.trim();
		if(val==''){
			layer.open({
			    content: '请输入支付密码！',
			    style: 'background-color:rgba(0,0,0,.8); color:#fff; border:none;',
			    time: 1,
			    shade: false
			});
			return false;
		}
		impPayPwd+=val;
	});
	return impPayPwd;
	
}

function zhifu(element) {
	 var input = element.querySelector('input'),
     divs = element.querySelectorAll('.item');
   input.addEventListener('focus', function() {
     var l = this.value.length - 1;
     l = l < 0 ? 0 : l;
     divs[l].classList.add('focuer');
   }, false);
   input.addEventListener('blur', function() {
     [].forEach.call(divs, function(el) {
       el.classList.remove('focuer');
     });
   }, false);
   input.addEventListener('input', function() {
     var value = this.value,
       l = value.length;
     for (var i = 0; i < Math.max(6, l); i++) {
       divs[i].value = value[i] || '';
       divs[i].classList.remove('focuer');
     }
     if (l > 0) {
       divs[Math.min(5, l)].classList.add('focuer');
     } else {
       divs[0].classList.add('focuer');
     }
   }, false);
	
	
//	  var divs = element.find('div');
//  var inputs = divs.find('input');
//  var length = divs.length;
//  var index = 0;
//  inputs.hide();
//  // 点击判断开始位置
//  divs.on('click', function() {
//    inputs.each(function(i, input) {
//      var dn = $(input).css('display'),
//        val = this.value.trim(),
//        valr = '';
//      if (dn === 'none') {
//        if (index >= length) {
//          index = i;
//        }
//      } else {
//        index = i;
//      }
//      inputIndex(index);
//    });
//  });
//  // 输入自动跳转到下一个
//  inputs.on('keydown', function(ev) {
//    var val = this.value.trim(),
//      num = $(this).parent().index();
//    if (ev.which !== 8) {
//      if (val !== '') {
//        num += 1;
//      }
//      $(this).parent().next().find('input').show();
//      inputIndex(num);
//    } else {
//      if (val == '') {
//        num -= 1;
//        $(this).hide();
//      }
//      if (num < 0) {
//        num = 0;
//      }
//      inputIndex(num);
//
//    }
//  });
//
//  function inputIndex(i) {
//    if (i >= length) {
//      inputs.eq(length - 1).trigger('blur');
//    } else {
//      inputs.eq(i).show().trigger('focus');
//    }
//  };
};